<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
    <link rel="stylesheet" href="/css/font-awesome.css">
    <link href="/css/diststyle.min.css" rel="stylesheet">
    <link rel="stylesheet" href="/css/baseproduct.css">
    <link rel="stylesheet" href="/css/htmleafdemo.css">
    <script src="/js/jquery.js"></script>
    <script>
        window.jQuery || document.write('<script src="js/jquery-2.1.1.min.js"><\/script>')
    </script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
    <script src="/js/common.js"></script>
    <script src="/js/baseproduct.js"></script>
</head>

<body>
    <div class="index">
        <div class="header-nav">
            <div class="fl nav-title">管理信息系统</div>
            <div class="fr  ">
                <div class='fl img-box cursor'>
                    <img id="user-img" class="auto-img" src="" alt="">
                </div>
                <div class="fl nav-text " id="username">昵称</div>
                <div class="fl nav-text cursor">设置</div>
                <div class="fl nav-text cursor" id="esc-user">退出</div>
            </div>
        </div>
        <div class="content-box">
            <div class="aside">
                <div class="demo">
                    <div class="container">
                        <div class="row">
                            <div class="col-md-offset-3 col-md-6">
                                <div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">
                                    <div class="panel panel-default">
                                        <div class="panel-heading clearfix " role="tab" id="headingOne">
                                            <h4 class="panel-title">
                                                <a role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
                                                    <span class="fl">&nbsp&nbsp&nbsp&nbsp&nbsp<i class="fa fa-delicious" aria-hidden="true"></i></span>
                                                    <span class="fl">&nbsp&nbsp&nbsp分类管理</span>
                                                    <span class="fr"><i class="fa fa-chevron-right" aria-hidden="true"></i>&nbsp&nbsp&nbsp</span>
                                                </a>
                                            </h4>
                                        </div>
                                        <div id="collapseOne" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingOne">
                                            <div class="panel-body">

                                                <p>分类列表</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="panel panel-default">
                                        <div class="panel-heading clearfix" role="tab" id="headingTwo">
                                            <h4 class="panel-title">
                                                <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">

                                                    <!-- <span><i class="fa fa-delicious" aria-hidden="true"></i></span> &nbsp&nbsp&nbsp分类管理 -->
                                                    <span class="fl">&nbsp&nbsp&nbsp&nbsp&nbsp<i class="fa fa-shopping-bag" aria-hidden="true"></i></span>
                                                    <span class="fl">&nbsp&nbsp&nbsp商品管理</span>
                                                    <span class="fr"><i class="fa fa-chevron-right" aria-hidden="true"></i>&nbsp&nbsp&nbsp</span>
                                                </a>
                                            </h4>
                                        </div>
                                        <div id="collapseTwo" class="panel-collapse collapse   in" role="tabpanel" aria-labelledby="headingTwo">
                                            <div class="panel-body">
                                                <p>基本商品库</p>
                                                <p>添加商品</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="panel panel-default">
                                        <div class="panel-heading clearfix" role="tab" id="headingThree">
                                            <h4 class="panel-title">
                                                <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
                                                    <span class="fl">&nbsp&nbsp&nbsp&nbsp&nbsp<i class="fa fa-google-wallet" aria-hidden="true"></i></span>
                                                    <span class="fl">&nbsp&nbsp&nbsp财务管理</span>
                                                    <span class="fr"><i class="fa fa-chevron-right" aria-hidden="true"></i>&nbsp&nbsp&nbsp</span>
                                                    <!-- <span><i class="fa fa-google-wallet" aria-hidden="true"></i></span> &nbsp&nbsp&nbsp财务管理 -->
                                                </a>
                                            </h4>
                                        </div>
                                        <div id="collapseThree" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingThree">
                                            <div class="panel-body">
                                                <p>财务分析</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="panel panel-default">
                                        <div class="panel-heading clearfix" role="tab" id="headingFour">
                                            <h4 class="panel-title">
                                                <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseFour" aria-expanded="false" aria-controls="collapseFour">
                                                    <span class="fl">&nbsp&nbsp&nbsp&nbsp&nbsp<i class="fa fa-bar-chart" aria-hidden="true"></i></span>
                                                    <span class="fl">&nbsp&nbsp&nbsp报表管理</span>
                                                    <span class="fr"><i class="fa fa-chevron-right" aria-hidden="true"></i>&nbsp&nbsp&nbsp</span>
                                                    <!-- <span><i class="fa fa-bar-chart" aria-hidden="true"></i></span> &nbsp&nbsp&nbsp报表管理 -->
                                                </a>
                                            </h4>
                                        </div>
                                        <div id="collapseFour" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingFour">
                                            <div class="panel-body">
                                                <p> 订单分析</p>
                                                <p> 订单列表</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="panel panel-default">
                                        <div class="panel-heading clearfix" role="tab" id="headingFive">
                                            <h4 class="panel-title">
                                                <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseFive" aria-expanded="false" aria-controls="collapseFour">
                                                    <span class="fl">&nbsp&nbsp&nbsp&nbsp&nbsp<i class="fa fa-print" aria-hidden="true"></i></span>
                                                    <span class="fl">&nbsp&nbsp&nbsp打印管理</span>
                                                    <span class="fr"><i class="fa fa-chevron-right" aria-hidden="true"></i>&nbsp&nbsp&nbsp</span>
                                                    <!-- <span><i class="fa fa-print" aria-hidden="true"></i></span> &nbsp&nbsp&nbsp打印管理 -->
                                                </a>
                                            </h4>
                                        </div>
                                        <div id="collapseFive" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingFive">
                                            <div class="panel-body">
                                                <p>进货单单打印</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="panel panel-default">
                                        <div class="panel-heading clearfix" role="tab" id="headingSix">
                                            <h4 class="panel-title">
                                                <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseSix" aria-expanded="false" aria-controls="collapseSix">
                                                    <span class="fl">&nbsp&nbsp&nbsp&nbsp<i class="fa fa-american-sign-language-interpreting" aria-hidden="true"></i></span>
                                                    <span class="fl">&nbsp&nbsp&nbsp货源管理</span>
                                                    <span class="fr"><i class="fa fa-chevron-right" aria-hidden="true"></i>&nbsp&nbsp&nbsp</span>
                                                    <!-- <span><i class="fa fa-american-sign-language-interpreting" aria-hidden="true"></i></span> &nbsp&nbsp&nbsp 基础管理 -->
                                                </a>
                                            </h4>
                                        </div>
                                        <div id="collapseSix" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingSix">
                                            <div class="panel-body">
                                                <p>添加货源</p>
                                                <p>总货源管理</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="panel panel-default">
                                        <div class="panel-heading clearfix" role="tab" id="headingSeven">
                                            <h4 class="panel-title">
                                                <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseSeven" aria-expanded="false" aria-controls="collapseSeven">
                                                    <span class="fl">&nbsp&nbsp&nbsp&nbsp&nbsp<i class="fa fa-font" aria-hidden="true"></i></span>
                                                    <span class="fl">&nbsp&nbsp&nbsp订单管理</span>
                                                    <span class="fr"><i class="fa fa-chevron-right" aria-hidden="true"></i>&nbsp&nbsp&nbsp</span>
                                                    <!-- <span><i class="fa fa-font" aria-hidden="true"></i></span> &nbsp&nbsp&nbsp字体库管理 -->
                                                </a>
                                            </h4>
                                        </div>
                                        <div id="collapseSeven" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingSeven">
                                            <div class="panel-body">
                                                <p>订单详情</p>
                                                <p>自建订单</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="panel panel-default">
                                        <div class="panel-heading clearfix" role="tab" id="headingEight">
                                            <h4 class="panel-title">
                                                <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseEight" aria-expanded="false" aria-controls="collapseFour">
                                                    <span class="fl">&nbsp&nbsp&nbsp&nbsp&nbsp<i class="fa fa-th" aria-hidden="true"></i></span>
                                                    <span class="fl">&nbsp&nbsp&nbsp营销管理</span>
                                                    <span class="fr"><i class="fa fa-chevron-right" aria-hidden="true"></i>&nbsp&nbsp&nbsp</span>
                                                    <!-- <span><i class="fa fa-th" aria-hidden="true"></i></span> &nbsp&nbsp&nbsp其他管理 -->
                                                </a>
                                            </h4>
                                        </div>
                                        <div id="collapseEight" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingEight">
                                            <div class="panel-body">
                                                <p>广告管理分析</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="panel panel-default">
                                        <div class="panel-heading clearfix" role="tab" id="headingNeight">
                                            <h4 class="panel-title">
                                                <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseNeight" aria-expanded="false" aria-controls="collapseFour">
                                                    <span class="fl">&nbsp&nbsp&nbsp&nbsp&nbsp<i class="fa fa-link" aria-hidden="true"></i> </span>
                                                    <span class="fl">&nbsp&nbsp&nbsp联系我们</span>&nbsp&nbsp&nbsp
                                                    <span class="fr"><i class="fa fa-chevron-right" aria-hidden="true"></i>&nbsp&nbsp&nbsp</span>
                                                </a>
                                            </h4>
                                        </div>
                                        <div id="collapseNeight" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingNeight">
                                            <div class="panel-body">
                                                <p>联系我们</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="panel panel-default">
                                        <div class="panel-heading clearfix" role="tab" id="headingTen">
                                            <h4 class="panel-title">
                                                <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseTen" aria-expanded="false" aria-controls="collapseFour">
                                                    <span class="fl">&nbsp&nbsp&nbsp&nbsp&nbsp<i class="fa fa-code" aria-hidden="true"></i> </span>
                                                    <span class="fl">&nbsp&nbsp&nbsp模块开发中</span>&nbsp&nbsp&nbsp
                                                    <span class="fr"><i class="fa fa-chevron-right" aria-hidden="true"></i>&nbsp&nbsp&nbsp</span>
                                                    <!-- <span><i class="fa fa-code" aria-hidden="true"></i></span> &nbsp&nbsp&nbsp模块开发中 -->
                                                </a>
                                            </h4>
                                        </div>
                                        <div id="collapseTen" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingTen">
                                            <div class="panel-body">
                                                <p>模块开发中</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="contents fl">
                <div class="contents-search clearfix">
                    <div class="input-group fr">
                        <input type="text" class="form-control" placeholder="请输入查询商品名称关键字" aria-describedby="basic-addon2" id="typename1">
                    </div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    <select class="custom-select mr-sm-2" id="inlineFormCustomSelect" title="根据商品状态查询">
                        <option value="1"  selected>上架</option>
                        <option value="0">下架</option>
                    </select>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    <select class="custom-select mr-sm-2" id="inlineFormCustomSelects" title="根据商品分类查询">
                        <option value="服装品类"  selected>服装品类</option>
                        <option value="家电品类">家电品类</option>
                        <option value="家电品类">家电品类</option>
                        <option value="家电品类">家电品类</option>
                        <option value="家电品类">家电品类</option>
                        <option value="家电品类">家电品类</option>
                        <option value="家电品类">家电品类</option>
                        <option value="家电品类">家电品类</option>
                        <option value="家电品类">家电品类</option>
                    </select>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    <input type="date" name="" id="inlineForminput" title="根据创建时间查询" value="2020-10-15">
                    <span class="input-group-addon" id="basic-addon2">搜索</span>
                </div>


                <table class="table table-hover" id="mytable">
                    <thead>
                        <tr>
                            <th scope="col">序号</th>
                            <th scope="col">商品名称</th>
                            <th scope="col">商品价格（元）</th>
                            <th scope="col">商品分类</th>
                            <th scope="col">爆炸图</th>
                            <th scope="col">创建时间</th>
                            <th scope="col">编辑</th>

                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <th scope="row">1</th>
                            <td>
                                七匹狼男士自动扣皮带WA20173j（黑色）</td>
                            <td>74.00</td>
                            <td>服装</td>
                            <td><img src="/img/first.jpg" alt="">
                                <img src="/img/second.jpg" alt="">
                                <img src="/img/three.jpg" alt="">
                                <img src="/img/four.jpg" alt="">
                                <img src="/img/five.jpg" alt="">
                            </td>
                            <td>2020-11-10 10:38:09</td>
                            <td>
                                <button type="button" class="btn btn-primary btn-sm edited"><i class="fa fa-pencil-square-o" aria-hidden="true"></i>&nbsp编辑</button>
                                <button type="button" class="btn btn-danger  btn-sm remove-btn"><i class="fa fa-times" aria-hidden="true"></i>&nbsp 删除</button>
                            </td>
                        </tr>
                        <tr>
                            <th scope="row">1</th>
                            <td>
                                七匹狼男士自动扣皮带WA20173j（黑色）</td>
                            <td>74.00</td>
                            <td>服装</td>
                            <td><img src="/img/first.jpg" alt="">
                                <img src="/img/second.jpg" alt="">
                                <img src="/img/three.jpg" alt="">
                                <img src="/img/four.jpg" alt="">
                                <img src="/img/five.jpg" alt=""></td>
                            <td>2020-11-10 10:38:09</td>
                            <td><button type="button" class="btn btn-primary btn-sm edited"><i class="fa fa-pencil-square-o" aria-hidden="true"></i>&nbsp编辑</button>
                                <button type="button" class="btn btn-danger  btn-sm remove-btn"><i class="fa fa-times" aria-hidden="true"></i>&nbsp 删除</button></td>
                        </tr>
                        <tr>
                            <th scope="row">1</th>
                            <td>
                                七匹狼男士自动扣皮带WA20173j（黑色）</td>
                            <td>74.00</td>
                            <td>服装</td>
                            <td><img src="/img/first.jpg" alt="">
                                <img src="/img/second.jpg" alt="">
                                <img src="/img/three.jpg" alt="">
                                <img src="/img/four.jpg" alt="">
                                <img src="/img/five.jpg" alt=""></td>
                            <td>2020-11-10 10:38:09</td>
                            <td><button type="button" class="btn btn-primary btn-sm edited"><i class="fa fa-pencil-square-o" aria-hidden="true"></i>&nbsp编辑</button>
                                <button type="button" class="btn btn-danger  btn-sm remove-btn"><i class="fa fa-times" aria-hidden="true"></i>&nbsp 删除</button></td>
                        </tr>
                        <tr>
                            <th scope="row">1</th>
                            <td>
                                七匹狼男士自动扣皮带WA20173j（黑色）</td>
                            <td>74.00</td>
                            <td>服装</td>
                            <td><img src="/img/first.jpg" alt="">
                                <img src="/img/second.jpg" alt="">
                                <img src="/img/three.jpg" alt="">
                                <img src="/img/four.jpg" alt="">
                                <img src="/img/five.jpg" alt=""></td>
                            <td>2020-11-10 10:38:09</td>
                            <td><button type="button" class="btn btn-primary btn-sm edited"><i class="fa fa-pencil-square-o" aria-hidden="true"></i>&nbsp编辑</button>
                                <button type="button" class="btn btn-danger  btn-sm remove-btn"><i class="fa fa-times" aria-hidden="true"></i>&nbsp 删除</button></td>
                        </tr>
                        <tr>
                            <th scope="row">1</th>
                            <td>
                                七匹狼男士自动扣皮带WA20173j（黑色）</td>
                            <td>74.00</td>
                            <td>服装</td>
                            <td><img src="/img/first.jpg" alt="">
                                <img src="/img/second.jpg" alt="">
                                <img src="/img/three.jpg" alt="">
                                <img src="/img/four.jpg" alt="">
                                <img src="/img/five.jpg" alt=""></td>
                            <td>2020-11-10 10:38:09</td>
                            <td><button type="button" class="btn btn-primary btn-sm edited"><i class="fa fa-pencil-square-o" aria-hidden="true"></i>&nbsp编辑</button>
                                <button type="button" class="btn btn-danger  btn-sm remove-btn"><i class="fa fa-times" aria-hidden="true"></i>&nbsp 删除</button></td>
                        </tr>
                        <tr>
                            <th scope="row">1</th>
                            <td>
                                七匹狼男士自动扣皮带WA20173j（黑色）</td>
                            <td>74.00</td>
                            <td>服装</td>
                            <td><img src="/img/first.jpg" alt="">
                                <img src="/img/second.jpg" alt="">
                                <img src="/img/three.jpg" alt="">
                                <img src="/img/four.jpg" alt="">
                                <img src="/img/five.jpg" alt=""></td>
                            <td>2020-11-10 10:38:09</td>
                            <td><button type="button" class="btn btn-primary btn-sm edited"><i class="fa fa-pencil-square-o" aria-hidden="true"></i>&nbsp编辑</button>
                                <button type="button" class="btn btn-danger  btn-sm remove-btn"><i class="fa fa-times" aria-hidden="true"></i>&nbsp 删除</button></td>
                        </tr>
                        <tr>
                            <th scope="row">1</th>
                            <td>
                                七匹狼男士自动扣皮带WA20173j（黑色）</td>
                            <td>74.00</td>
                            <td>服装</td>
                            <td><img src="/img/first.jpg" alt="">
                                <img src="/img/second.jpg" alt="">
                                <img src="/img/three.jpg" alt="">
                                <img src="/img/four.jpg" alt="">
                                <img src="/img/five.jpg" alt=""></td>
                            <td>2020-11-10 10:38:09</td>
                            <td><button type="button" class="btn btn-primary btn-sm edited"><i class="fa fa-pencil-square-o" aria-hidden="true"></i>&nbsp编辑</button>
                                <button type="button" class="btn btn-danger  btn-sm remove-btn"><i class="fa fa-times" aria-hidden="true"></i>&nbsp 删除</button></td>
                        </tr>
                        <tr>
                            <th scope="row">1</th>
                            <td>
                                七匹狼男士自动扣皮带WA20173j（黑色）</td>
                            <td>74.00</td>
                            <td>服装</td>
                            <td><img src="/img/first.jpg" alt="">
                                <img src="/img/second.jpg" alt="">
                                <img src="/img/three.jpg" alt="">
                                <img src="/img/four.jpg" alt="">
                                <img src="/img/five.jpg" alt=""></td>
                            <td>2020-11-10 10:38:09</td>
                            <td><button type="button" class="btn btn-primary btn-sm edited"><i class="fa fa-pencil-square-o" aria-hidden="true"></i>&nbsp编辑</button>
                                <button type="button" class="btn btn-danger  btn-sm remove-btn"><i class="fa fa-times" aria-hidden="true"></i>&nbsp 删除</button></td>
                        </tr>
                        <tr>
                            <th scope="row">1</th>
                            <td>
                                七匹狼男士自动扣皮带WA20173j（黑色）</td>
                            <td>74.00</td>
                            <td>服装</td>
                            <td><img src="/img/first.jpg" alt="">
                                <img src="/img/second.jpg" alt="">
                                <img src="/img/three.jpg" alt="">
                                <img src="/img/four.jpg" alt="">
                                <img src="/img/five.jpg" alt=""></td>
                            <td>2020-11-10 10:38:09</td>
                            <td><button type="button" class="btn btn-primary btn-sm edited"><i class="fa fa-pencil-square-o" aria-hidden="true"></i>&nbsp编辑</button>
                                <button type="button" class="btn btn-danger  btn-sm remove-btn"><i class="fa fa-times" aria-hidden="true"></i>&nbsp 删除</button></td>
                        </tr>
                        <tr>
                            <th scope="row">1</th>
                            <td>
                                七匹狼男士自动扣皮带WA20173j（黑色）</td>
                            <td>74.00</td>
                            <td>服装</td>
                            <td><img src="/img/first.jpg" alt="">
                                <img src="/img/second.jpg" alt="">
                                <img src="/img/three.jpg" alt="">
                                <img src="/img/four.jpg" alt="">
                                <img src="/img/five.jpg" alt=""></td>
                            <td>2020-11-10 10:38:09</td>
                            <td><button type="button" class="btn btn-primary btn-sm edited"><i class="fa fa-pencil-square-o" aria-hidden="true"></i>&nbsp编辑</button>
                                <button type="button" class="btn btn-danger  btn-sm remove-btn"><i class="fa fa-times" aria-hidden="true"></i>&nbsp 删除</button></td>
                        </tr>

                        <tr>
                            <th scope="row">1</th>
                            <td>
                                七匹狼男士自动扣皮带WA20173j（黑色）</td>
                            <td>74.00</td>
                            <td>服装</td>
                            <td><img src="/img/first.jpg" alt="">
                                <img src="/img/second.jpg" alt="">
                                <img src="/img/three.jpg" alt="">
                                <img src="/img/four.jpg" alt="">
                                <img src="/img/five.jpg" alt=""></td>
                            <td>2020-11-10 10:38:09</td>
                            <td><button type="button" class="btn btn-primary btn-sm edited"><i class="fa fa-pencil-square-o" aria-hidden="true"></i>&nbsp编辑</button>
                                <button type="button" class="btn btn-danger  btn-sm remove-btn"><i class="fa fa-times" aria-hidden="true"></i>&nbsp 删除</button></td>
                        </tr>
                        <tr>
                            <th scope="row">1</th>
                            <td>
                                七匹狼男士自动扣皮带WA20173j（黑色）</td>
                            <td>74.00</td>
                            <td>服装</td>
                            <td><img src="/img/first.jpg" alt="">
                                <img src="/img/second.jpg" alt="">
                                <img src="/img/three.jpg" alt="">
                                <img src="/img/four.jpg" alt="">
                                <img src="/img/five.jpg" alt=""></td>
                            <td>2020-11-10 10:38:09</td>
                            <td><button type="button" class="btn btn-primary btn-sm edited"><i class="fa fa-pencil-square-o" aria-hidden="true"></i>&nbsp编辑</button>
                                <button type="button" class="btn btn-danger  btn-sm remove-btn"><i class="fa fa-times" aria-hidden="true"></i>&nbsp 删除</button></td>
                        </tr>
                        <tr>
                            <th scope="row">1</th>
                            <td>
                                七匹狼男士自动扣皮带WA20173j（黑色）</td>
                            <td>74.00</td>
                            <td>服装</td>
                            <td><img src="/img/first.jpg" alt="">
                                <img src="/img/second.jpg" alt="">
                                <img src="/img/three.jpg" alt="">
                                <img src="/img/four.jpg" alt="">
                                <img src="/img/five.jpg" alt=""></td>
                            <td>2020-11-10 10:38:09</td>
                            <td><button type="button" class="btn btn-primary btn-sm edited"><i class="fa fa-pencil-square-o" aria-hidden="true"></i>&nbsp编辑</button>
                                <button type="button" class="btn btn-danger  btn-sm remove-btn"><i class="fa fa-times" aria-hidden="true"></i>&nbsp 删除</button></td>
                        </tr>
                        <!-- 
                        <tr>
                            <th scope="row">1</th>
                            <td>
                                七匹狼男士自动扣皮带WA20173j（黑色）</td>
                            <td>74.00</td>
<td>服装</td>
                            <td><img src="/img/first.jpg" alt="">
                                <img src="/img/second.jpg" alt="">
                                <img src="/img/three.jpg" alt="">
                                <img src="/img/four.jpg" alt="">
                                <img src="/img/five.jpg" alt=""></td>
                            <td>2020-11-10 10:38:09</td>
                            <td><button type="button" class="btn btn-primary btn-sm edited"><i class="fa fa-pencil-square-o" aria-hidden="true"></i>&nbsp编辑</button>
                                <button type="button" class="btn btn-danger  btn-sm remove-btn"><i class="fa fa-times" aria-hidden="true"></i>&nbsp 删除</button></td>
                        </tr>
                        <tr>
                            <th scope="row">1</th>
                            <td>
                                七匹狼男士自动扣皮带WA20173j（黑色）</td>
                            <td>74.00</td>
<td>服装</td>
                            <td><img src="/img/first.jpg" alt="">
                                <img src="/img/second.jpg" alt="">
                                <img src="/img/three.jpg" alt="">
                                <img src="/img/four.jpg" alt="">
                                <img src="/img/five.jpg" alt=""></td>
                            <td>2020-11-10 10:38:09</td>
                            <td><button type="button" class="btn btn-primary btn-sm edited"><i class="fa fa-pencil-square-o" aria-hidden="true"></i>&nbsp编辑</button>
                                <button type="button" class="btn btn-danger  btn-sm remove-btn"><i class="fa fa-times" aria-hidden="true"></i>&nbsp 删除</button></td>
                        </tr>
                        <tr>
                            <th scope="row">1</th>
                            <td>
                                七匹狼男士自动扣皮带WA20173j（黑色）</td>
                            <td>74.00</td>
<td>服装</td>
                            <td><img src="/img/first.jpg" alt="">
                                <img src="/img/second.jpg" alt="">
                                <img src="/img/three.jpg" alt="">
                                <img src="/img/four.jpg" alt="">
                                <img src="/img/five.jpg" alt=""></td>
                            <td>2020-11-10 10:38:09</td>
                            <td><button type="button" class="btn btn-primary btn-sm edited"><i class="fa fa-pencil-square-o" aria-hidden="true"></i>&nbsp编辑</button>
                                <button type="button" class="btn btn-danger  btn-sm remove-btn"><i class="fa fa-times" aria-hidden="true"></i>&nbsp 删除</button></td>
                        </tr>
                        <tr>
                            <th scope="row">1</th>
                            <td>
                                七匹狼男士自动扣皮带WA20173j（黑色）</td>
                            <td>74.00</td>
<td>服装</td>
                            <td><img src="/img/first.jpg" alt="">
                                <img src="/img/second.jpg" alt="">
                                <img src="/img/three.jpg" alt="">
                                <img src="/img/four.jpg" alt="">
                                <img src="/img/five.jpg" alt=""></td>
                            <td>2020-11-10 10:38:09</td>
                            <td><button type="button" class="btn btn-primary btn-sm edited"><i class="fa fa-pencil-square-o" aria-hidden="true"></i>&nbsp编辑</button>
                                <button type="button" class="btn btn-danger  btn-sm remove-btn"><i class="fa fa-times" aria-hidden="true"></i>&nbsp 删除</button></td>
                        </tr>
                        <tr>
                            <th scope="row">1</th>
                            <td>
                                七匹狼男士自动扣皮带WA20173j（黑色）</td>
                            <td>74.00</td>
<td>服装</td>
                            <td><img src="/img/first.jpg" alt="">
                                <img src="/img/second.jpg" alt="">
                                <img src="/img/three.jpg" alt="">
                                <img src="/img/four.jpg" alt="">
                                <img src="/img/five.jpg" alt=""></td>
                            <td>2020-11-10 10:38:09</td>
                            <td><button type="button" class="btn btn-primary btn-sm edited"><i class="fa fa-pencil-square-o" aria-hidden="true"></i>&nbsp编辑</button>
                                <button type="button" class="btn btn-danger  btn-sm remove-btn"><i class="fa fa-times" aria-hidden="true"></i>&nbsp 删除</button></td>
                        </tr>
                        <tr>
                            <th scope="row">1</th>
                            <td>
                                七匹狼男士自动扣皮带WA20173j（黑色）</td>
                            <td>74.00</td>
<td>服装</td>
                            <td><img src="/img/first.jpg" alt="">
                                <img src="/img/second.jpg" alt="">
                                <img src="/img/three.jpg" alt="">
                                <img src="/img/four.jpg" alt="">
                                <img src="/img/five.jpg" alt=""></td>
                            <td>2020-11-10 10:38:09</td>
                            <td><button type="button" class="btn btn-primary btn-sm edited"><i class="fa fa-pencil-square-o" aria-hidden="true"></i>&nbsp编辑</button>
                                <button type="button" class="btn btn-danger  btn-sm remove-btn"><i class="fa fa-times" aria-hidden="true"></i>&nbsp 删除</button></td>
                        </tr>
                        <tr>
                            <th scope="row">1</th>
                            <td>
                                七匹狼男士自动扣皮带WA20173j（黑色）</td>
                            <td>74.00</td>
<td>服装</td>
                            <td><img src="/img/first.jpg" alt="">
                                <img src="/img/second.jpg" alt="">
                                <img src="/img/three.jpg" alt="">
                                <img src="/img/four.jpg" alt="">
                                <img src="/img/five.jpg" alt=""></td>
                            <td>2020-11-10 10:38:09</td>
                            <td><button type="button" class="btn btn-primary btn-sm edited"><i class="fa fa-pencil-square-o" aria-hidden="true"></i>&nbsp编辑</button>
                                <button type="button" class="btn btn-danger  btn-sm remove-btn"><i class="fa fa-times" aria-hidden="true"></i>&nbsp 删除</button></td>
                        </tr>
                        <tr>
                            <th scope="row">1</th>
                            <td>
                                七匹狼男士自动扣皮带WA20173j（黑色）</td>
                            <td>74.00</td>
<td>服装</td>
                            <td><img src="/img/first.jpg" alt="">
                                <img src="/img/second.jpg" alt="">
                                <img src="/img/three.jpg" alt="">
                                <img src="/img/four.jpg" alt="">
                                <img src="/img/five.jpg" alt=""></td>
                            <td>2020-11-10 10:38:09</td>
                            <td><button type="button" class="btn btn-primary btn-sm edited"><i class="fa fa-pencil-square-o" aria-hidden="true"></i>&nbsp编辑</button>
                                <button type="button" class="btn btn-danger  btn-sm remove-btn"><i class="fa fa-times" aria-hidden="true"></i>&nbsp 删除</button></td>
                        </tr>
                        <tr>
                            <th scope="row">1</th>
                            <td>
                                七匹狼男士自动扣皮带WA20173j（黑色）</td>
                            <td>74.00</td>
<td>服装</td>
                            <td><img src="/img/first.jpg" alt="">
                                <img src="/img/second.jpg" alt="">
                                <img src="/img/three.jpg" alt="">
                                <img src="/img/four.jpg" alt="">
                                <img src="/img/five.jpg" alt=""></td>
                            <td>2020-11-10 10:38:09</td>
                            <td><button type="button" class="btn btn-primary btn-sm edited"><i class="fa fa-pencil-square-o" aria-hidden="true"></i>&nbsp编辑</button>
                                <button type="button" class="btn btn-danger  btn-sm remove-btn"><i class="fa fa-times" aria-hidden="true"></i>&nbsp 删除</button></td>
                        </tr>
                        <tr>
                            <th scope="row">1</th>
                            <td>
                                七匹狼男士自动扣皮带WA20173j（黑色）</td>
                            <td>74.00</td>
<td>服装</td>
                            <td><img src="/img/first.jpg" alt="">
                                <img src="/img/second.jpg" alt="">
                                <img src="/img/three.jpg" alt="">
                                <img src="/img/four.jpg" alt="">
                                <img src="/img/five.jpg" alt=""></td>
                            <td>2020-11-10 10:38:09</td>
                            <td><button type="button" class="btn btn-primary btn-sm edited"><i class="fa fa-pencil-square-o" aria-hidden="true"></i>&nbsp编辑</button>
                                <button type="button" class="btn btn-danger  btn-sm remove-btn"><i class="fa fa-times" aria-hidden="true"></i>&nbsp 删除</button></td>
                        </tr>
                        <tr>
                            <th scope="row">1</th>
                            <td>
                                七匹狼男士自动扣皮带WA20173j（黑色）</td>
                            <td>74.00</td>
<td>服装</td>
                            <td><img src="/img/first.jpg" alt="">
                                <img src="/img/second.jpg" alt="">
                                <img src="/img/three.jpg" alt="">
                                <img src="/img/four.jpg" alt="">
                                <img src="/img/five.jpg" alt=""></td>
                            <td>2020-11-10 10:38:09</td>
                            <td><button type="button" class="btn btn-primary btn-sm edited"><i class="fa fa-pencil-square-o" aria-hidden="true"></i>&nbsp编辑</button>
                                <button type="button" class="btn btn-danger  btn-sm remove-btn"><i class="fa fa-times" aria-hidden="true"></i>&nbsp 删除</button></td>
                        </tr>
                        <tr>
                            <th scope="row">1</th>
                            <td>
                                七匹狼男士自动扣皮带WA20173j（黑色）</td>
                            <td>74.00</td>
<td>服装</td>
                            <td><img src="/img/first.jpg" alt="">
                                <img src="/img/second.jpg" alt="">
                                <img src="/img/three.jpg" alt="">
                                <img src="/img/four.jpg" alt="">
                                <img src="/img/five.jpg" alt=""></td>
                            <td>2020-11-10 10:38:09</td>
                            <td><button type="button" class="btn btn-primary btn-sm edited"><i class="fa fa-pencil-square-o" aria-hidden="true"></i>&nbsp编辑</button>
                                <button type="button" class="btn btn-danger  btn-sm remove-btn"><i class="fa fa-times" aria-hidden="true"></i>&nbsp 删除</button></td>
                        </tr>
                        <tr>
                            <th scope="row">1</th>
                            <td>
                                七匹狼男士自动扣皮带WA20173j（黑色）</td>
                            <td>74.00</td>
<td>服装</td>
                            <td><img src="/img/first.jpg" alt="">
                                <img src="/img/second.jpg" alt="">
                                <img src="/img/three.jpg" alt="">
                                <img src="/img/four.jpg" alt="">
                                <img src="/img/five.jpg" alt=""></td>
                            <td>2020-11-10 10:38:09</td>
                            <td><button type="button" class="btn btn-primary btn-sm edited"><i class="fa fa-pencil-square-o" aria-hidden="true"></i>&nbsp编辑</button>
                                <button type="button" class="btn btn-danger  btn-sm remove-btn"><i class="fa fa-times" aria-hidden="true"></i>&nbsp 删除</button></td>
                        </tr> -->
                    </tbody>
                </table>
                <ul class="pagination fenye">
                    <span id="prevpage" class="fr ">上一页</span>
                    <li class="page-item active " id="item1" aria-current='current'><a class="page-link" href="javascript:;">1</a></li>

                    <li class="page-item  "><a class="page-link" href="javascript:;">2</a></li>
                    <li class="page-item  "><a class="page-link" href="javascript:;">3</a></li>
                    <li class="page-item  "><a class="page-link" href="javascript:;">4</a></li>
                    <li class="page-item  "><a class="page-link" href="javascript:;">5</a></li>
                    <li class="page-item  "><a class="page-link" href="javascript:;">6</a></li>
                    <li class="page-item  "><a class="page-link" href="javascript:;">7</a></li>
                    <li class="page-item  " id="item8"><a class="page-link" href="javascript:;">8</a></li>
                    <span id="nextpage" class="fr ">下一页</span>
                    <span id="totalpage1" class="">共<span id="totalpage">8</span>页</span>
                </ul>

            </div>
        </div>
    </div>
    <div id="main">

        <div class="content">
            <div class="pics" id="pc1"></div>
            <div class="pics" id="pc2"></div>
            <div class="pics" id="pc3"></div>
            <div class="pics" id="pc4"></div>
            <div class="pics" id="pc8"></div>
            <div class="pics" id="pc7"></div>
            <div class="pics" id="pc6"></div>
            <div class="pics" id="pc5"></div>
            <div class="pics" id="pc9"></div>
            <div class="pics" id="pc10"></div>
            <div class="pics" id="pc11"></div>
            <div class="pics" id="pc12"></div>
        </div>
        <div class="but" id="pre"></div>
        <div class="but" id="next"></div>
        <div id="close"></div>
        <div id="totle">
            <img class="littlepics" id="lipic1" alt="0" src="#" />
            <img class="littlepics" id="lipic2" alt="1" src="#" />
            <img class="littlepics" id="lipic3" alt="2" src="#" />
            <img class="littlepics" id="lipic4" alt="3" src="#" />
            <img class="littlepics" id="lipic5" alt="4" src="#" />
        </div>
    </div>
</body>

</html>